<template>
	<div class="aa">
		<image src="../../static/logo.png" class="ee"></image>
		<div class="input-box" @submit="doLogin">
			<div class="wei-input">
				<icon type="waiting" color="#44ADFB" size="16"></icon>
				<input class="input" name="mobile" auto-focus="" maxlength="11" placeholder="请输入手机号/ID" />
			</div>
			<div class="wei-input">
				<icon type="success" color="#44ADFB" size="16"></icon>
				<input class="input" name="mobile" auto-focus="" maxlength="15" placeholder="请输入登陆密码" />
			</div>
			<div class="forget">
				<span>
					<navigator url="/pages/wjimim/wjimim">忘记密码？</navigator>
				</span>
			</div>
		</div>
		<button class="aaa" bindtap="login" disabled="{{show}}">登录</button>
		<div>
			<p class="xx">登录即代表你同意<span class="pp">用户协议</span>和<span class="pp">隐私政策</span></p>
		</div>
		<div class="e">
			<span>
				<navigator url="/pages/yzmdl/yzmdl">验证码登录</navigator>
			</span>
			<span>
				<navigator url="/pages/zhucu/zhucu">注册</navigator>
			</span>

		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	/* 图片 */
	.ee {
		width: 55px;
		height: 55px;
		margin-left: 40%;
		margin-top: 20px;
	}
	
	/* 点击按钮登录 */
	.aaa {
		background-color: #00ffff;
		margin: 15px;
		padding: 5px;
		border-radius: 6rpx;
	}
	
	/*  */
	.xx {
		text-align: center;
		font-size: 12px;
	}
	
	.pp {
		color: crimson;
	}
	
	.e {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin: 7px 10px 7px 10px;
		font-size: 12px;
	}
	
	.input-box {
		margin: 20px;
	}
	
	.wei-input {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1rpx solid #f1f1f1;
	}
	
	.forget {
		font-size: 26rpx;
		color: #33ccff;
		margin-top: 20rpx;
		text-align: right;
	}
	
	.input {
		padding-left: 20rpx;
		/* font-size: 30px; */
	}
</style>